body{
    background:url(../img/01261857fe2df7a84a0e282ba457b4.jpg@3000w_1l_2o_100sh.jpg) no-repeat;
    background-size: 100% 959px;      
}
#大灰狼{
    width: 250px;
    height: 250px;
    background: url(../img/nnwEM43vw6\ \(1\).png);
    background-size: 100% 100%;
    position: relative;
    left: 1200px ;
    top: 368px;
    animation: 大灰狼 25s linear infinite;
}
#小羊{
    width: 250px;
    height: 250px;
    background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
    background-size: 100% 100%;
    position: relative;
    left: 500px ;
    top: 82px;
    animation: 小羊 15s linear infinite;

}
h1{
    /* font字体【复合】属性 */
    font-family: "华文彩云";
    font-size: 100px;
}
@keyframes 大灰狼{
    0%{
       
        left: 1200px ;
        top: 368px;
    }
    10%{
        background: url(../img/e9377beffe7a7397a5d9c5f5b49848a.png);
        background-size: 100% 100%;
        left: 1200px ;
        top: 368px;
    }
    
    
    20%{
        background: url(../img/e9377beffe7a7397a5d9c5f5b49848a.png);
        background-size: 100% 100%;
        left:1200px ;
        top: 368px;
    }
    30%{
        background: url(../img/e9377beffe7a7397a5d9c5f5b49848a.png);
        background-size: 100% 100%;
        left:1200px ;
        top: 368px;
    }
    40%{
        top: 300px;
        background: url(../img/8c87514101f51181834a0c7624de80c\ \(1\).png);
        background-size: 100% 100%;
        left:950px ;
        top: 350px;
     
    }
    50%{
        background: url(../img/72ef0b822b6c4959b0373af9ca4a178.png);
        background-size: 100% 100%;
        left: 950px ;
    top: 350px;
        
     
    }
}
@keyframes 小羊{
    0%{
        left: 500px ;
        top: 82px;
     }
     10%{
        background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
        background-size: 100% 100%;
        left: 500px ;
        top: 82px;
    }
    20%{
        background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
        background-size: 100% 100%;
        left: 500px;
        top: 82px;
    }
    30%{
        background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
        background-size: 100% 100%;
        left:   500px ;
        top: 82px;
    }
    40%{
        background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
        background-size: 100% 100%;
        left:  500px;
        top: 82px;
    }
    50%{
        background: url(../img/d134aed57f18ca1b710384c1d129164\ \(2\).png);
        background-size: 100% 100%;
        left:   500px;
        top: 82px;
    }
    
    
    
    60%{
        background: url(../img/19d462a8aa8fc79f61498e0e35fa3dd.png);
        background-size: 100% 100%;
        left:  950px ;
        top: 82px;
       
    }
    70%{
        background: url(../img/19d462a8aa8fc79f61498e0e35fa3dd.png);
        background-size: 100% 100%;
        left:  950px ;
        top: 82px;
        
        
    }
    80%{
        background: url(../img/19d462a8aa8fc79f61498e0e35fa3dd.png);
        background-size: 100% 100%;
        left: 950px ;
        top: 82px;
        
        
    }
    90%{
        background: url(../img/19d462a8aa8fc79f61498e0e35fa3dd.png);
        background-size: 100% 100%;
        left:   950px ;
        top: 82px;
        
       
    }
}
